/**
 * React组件
 */
import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css'; //导入css
//函数组件
function Fun(){
  //点击函数
  function dj(){
    alert('点我干啥??')
  }
  return (
    <div className='box'>
    <b>我是组件,可重复利用</b>
    <button onClick={dj}>Click</button>
    </div>
  )
}
//类组件
class Box2 extends React.Component{
  dj(){
    alert('我是类组件')
  }
  render(){
    return(
      <div className='box'>
        <b>我是组件2,可重复利用</b>
        <button onClick={this.dj}>Click</button>
      </div>
    )
  }
}

const root = ReactDOM.createRoot(document.getElementById('root'));

root.render(
  // <Fun />
  <Box2 />
);
